.benefit {
    .benefitHead {
      color: #fff;
      font-size: 20px;
      height: 60px;
      display: flex;
      align-items: center;
      background-color: #f72409;
      .benefitHeadLeft {
        margin-left: 20px;
        flex: 3;
      }
  
      .benefitHeadTitle {
        margin-left: 8%;
        flex: 7;
      }
    }
  // 即将过期提示语
  .delat{
      // margin: 10px;
      padding: 10px;
      color: #333;
      font-size: 14px;
  }
    //   红包
    .hbItem {
      width: 92%;
      padding: 10px;
      margin: 20px 5px;
      border-radius: 10px;
      display: flex;
      background-color: rgb(165, 161, 161);
      .hbItemLeft {
        flex: 3;
        padding: 10px;
        border-right: 2px solid #eee;
        background-color: rgb(190, 185, 183);
        .hbL1 {
          color: #ccc;
          display: flex;
          margin: 8px 0 4px 5px;
          align-items: center;
          span {
            display: block;
            font-size: 18px;
            margin: 6px 4px 0 0;
          }
  
          .amount {
            font-size: 26px;
            font-weight: 600;
          }
        }
  
        .hbL2 {
          color: rgb(233, 227, 227);
          font-size: 12px;
        }
      }
  
      .hbItemCen {
        flex: 7;
        padding: 16px;
        background-color: rgb(190, 185, 183);
        .hbCName {
          color: #555;
          font-size: 18px;
        }
  
        .periods {
          font-size: 12px;
          font-weight: 500;
          color: rgb(185, 160, 139);
        }
  
        .hbCphone {
          font-size: 12px;
          color: rgb(184, 162, 137);
        }
      }
  
      .hbItemRight {
          height: 50px;
          width: 80px;
          border-radius: 50%;
          text-align: center;
          line-height: 50px;
          position: absolute;
          left: 72%;
          color: rgb(73, 67, 67);
          font-size: 20px;
          font-weight: 600;
          border: 1px dotted #333;
      }
    }
  }
  